<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Factura</title>
<link href="css/boilerplate.css" rel="stylesheet" type="text/css"/>
<link href="css/estilo.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="noti/messi.min.css" />
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet" type="text/css"/>
<!-- 
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build 
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>

body{ font-size:13px;}


 input:invalid {
 border: 1px solid red;
}
 
/* Estilo por defecto */
 
input:valid {
/* border: 1px solid green; */
}

#result {
	width: 280px;
	padding: 10px;
	border: 1px solid #bfcddb;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}

input[placeholder]{ text-align:center; font-size:13px;}

select, input {text-align:center; font-size:13px; border-radius: 5px;}

/* input[readonly]{text-align:center; font-size:11px;  height:25px; background-color:transparent; border:none;  outline:0px; box-shadow: 0px 0px 0px #00f;} */


input[type="date"] {text-align:center; font-size:12px;}

.totalizar{ width: 90px;}
/* input[limpiar]{ background-color:#0C9; }*/

#valor_iva{ border: 0px solid #000000; font-size: 14px; color: #333333; padding: 5px 5px 5px 5px;  }

legend{
	font-size: 15px;
	font-style: oblique;
	font-weight: bold;
}

#ventas, #compras, #compra_existente, #factura_tipo, #dato_cliente { border: 1px solid #999; border-radius: 5px; padding-left:1%; padding-top:1%;}
#compra_existente input, select { font-size:10px;}
#datos_factura { border: 1px solid #999; border-radius: 5px; padding-left:1%; padding-top:1%; padding-bottom:1%;  width:98%}



</style>
</head>
<body>
<div class="gridContainer clearfix" >
  <div id="factura" class="fluid">
    <form  name="formulario" id="formulario" method="post" action="guardar_factura.php" oninput=""  >
      
      <!-- Datos del cliente -->
      <div id="dato_cliente">
        <legend>Datos del cliente</legend>
        <input  type="hidden"  name="id_tercero" id="id" placeholder="codigo cliente"   />
        <select name="nombre_cliente" id="nombre_cliente" onchange="cliente(this.value);"  style=" width:300px;"  >
          <option value="00">[Cliente]</option>
        </select>
        <input  type="hidden" name="tipo_tercero" id="tipo_tercero" title="tipo tercero"  placeholder="Ciudad"  required />
        <input  type="text" name="nit" id="nit"  placeholder="nit"  title="nit" required/>
        <input  type="text" name="direccion" id="direccion" title="dirreccion"   placeholder="Direccion"  required />
        <input  type="text" name="telefono" id="telefono" title="telefono"  placeholder="Telefono" required />
        <input  type="hidden" name="razon_social" id="razon_social"  title="razon social" placeholder="Razon social" />
        <input  type="hidden" name="email"  placeholder="email" title="email"  />
        <input  type="hidden" name="ciudad" id="ciudad" title="ciudad"  placeholder="Ciudad"  />
        <input  type="text" name="identificacion" id="identificacion" title="identificacion"  placeholder="Identificacion" required />
      

      </div>
      <br>
      <!-- Termina Datos del cliente --> 
      
      <!-- tipo de factura -->
      <div id="factura_tipo" >
        <legend>Entradas o Salidas de inventario</legend>
        <select name="tipo_factura" id="tipo_factura"  class="input-medium"  onChange="tipo_facturas()" title="tipo factura" required>
          <option value="00">[Inventario]</option>
          <option value="compra">Nuevas Entradas</option>
          <option value="venta" >Salidas</option>
          <option value="compra_existente" >Entrada</option>
        </select>
        <input type="number" class="input-mini" min="1" title="cantidad de registros" name="cantidad_registros" id="cantidad_registros" onChange="tipo_facturas();"  placeholder="Cantidad Productos" required />
        <select name="estado_factura" title="estado factura" class="input-medium" required >
          <option value="cancelada">cancelada</option>
          <option value="pendiente" selected="selected">pendiente</option>
        </select>
        <select name="modo_pago" title="modo de pago" class="input-small" required>
          <option value="contado" selected="selected">contado</option>
          <option value="credito">credito</option>
        </select>
        <input type="date" title="fecha de la factura" name="fecha_factura" style="width:11%" value="<?php echo $fechas = date('Y-m-d');?>"  readonly>
        <input type="date" title="fecha de vencimiento" name="fecha_vencimiento" class="input-medium"  required >
        </div>
         <br>
      <!-- Termina tipo de factura --> 
      
      <!-- factura de venta -->
      <div id="venta" style="display:none">
        <legend>Datos de factura venta</legend>
      </div>
      <!-- Termina factura de venta --> 
      
      <!-- factura de compra -->
      <div id="compra" style="display:none">
        <legend>Datos de factura compra</legend>
      </div>
      <!-- Termina factura de compra --> 
      
      <!-- factura de compra -->
      <div id="compra_existente" style="display:none">
        <legend>Datos de factura compra inventario existente</legend>
      </div>
      <!-- Termina factura de compra --> 
      
      <br>
      <input type="submit" name="enviar" value="Enviar"  />
    </form>
    



    
      
    <!-- TERMINAR REGISTROS PRODUCTOS -->
    
    <p class="help-block">TermInos Y condiciones</p>
  </div>
  <!-- Termina div gridContainer clearfix -->
  <div id="result"></div>
  <div id="resultado"></div>
</div>
<!-- Termina div fluid --> 
<script src="js/jquery10.2.js"></script> 
<script src="js/respond.min.js"></script> 
<script  src="bootstrap/js/bootstrap.js"></script> 
<script src="noti/messi.js"></script> 
<script>


$(document).ready(function() {
	
	

//    $().ajaxStart(function() {
//        $('#loading').show();
//        $('#result').hide();
//    }).ajaxStop(function() {
//        $('#loading').hide();
//        $('#result').fadeIn('slow');
//    });
    $('#formulario, #formulario_agregar_familia, #formulario_agregar_tercero, #formulario_editar_precio').submit(function(event) {
         event.preventDefault();
  console.log( $( this ).serialize() );
	    $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
			beforeSend: function(data, textStatus, xhr){
            console.log("Adiós, me voy a ejecutar");
			
        },
		error: function(){new Messi('Ocurrio un error.', {
						title: 'error',
						titleClass: 'anim error',
						center: true,
						autoclose: 2000,
						closeButton: true
					});},
		complete: function(){
			//$("#formulario").reset();
			},
		
            success: function(data) {
               // $('#result').html(data);
						new Messi('se actualizo correctamente.', {
						title: 'se actualizo',
						titleClass: 'success',
						center: true,
						autoclose: 2000,
						closeButton: true
					});
				location.reload();
				$('#agregar_familia').modal('hide');
				$('#agregar_tercero').modal('hide');
				$('#editar_precio').modal('hide');				
				     }
			
        }).done(function(data ) {

		//$('#formulario').each(function(){ this.reset();	});
		
		});
        
     //   return false;
    }); 
	
	
	
	  
	
})  



var url_option = 'libreria_php/cargar_options.php';
var url_option_multiple = 'libreria_php/cargar_options_multiple.php';
var url_option_condicional = 'libreria_php/cargar_options_condicional.php';




</script> 
<script  src="libreria_javascript/cargar_combo.js"></script> 
<script  src="libreria_javascript/cargar_combo_multiple.js"></script> 
<script  src="libreria_javascript/cargar_combo_condicional.js"></script> 
<script  src="libreria_javascript/factura.js"></script> 
<script  src="libreria_javascript/formulario_tipo_facturas.js"></script> 

</body>
</html>
